<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>资料上传</title>
    <link href="__ROOT__/Public/Css/ehs.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
      .upload-nav {
        line-height: 30px;
        background-color: #f0f0f0;
        padding-right: 40px;
        padding-left: 10px;
        border: 1px solid #ccc;
      }
      .upload-nav span {
        float: right;
        font-size: 14px;
      }
      .upload-left {
        float: left;
        width: 510px;
        margin-top: 10px;
        display:inline;
      }
      .upload-doc {
        background-color: #f7fcfb;
        border: 1px solid #ccc;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 40px;
      }
      .upload-doc p {
        color: #909090;
        line-height: 18px;
      }

      .upload-notice {
        padding: 10px;
        background-color: #fff8e0;
      }
      .upload-notice h3 {
        font-size: 14px;
        color: #693402;
        line-height: 40px;
      }
      .upload-notice  ul li {
        line-height: 18px;
        list-style-type: disc;
        margin-left: 20px;
      }

      .upload-notice table {
        margin-top: 10px;
        margin-bottom: 10px;
      }

      .upload-notice td {
        line-height: 24px;
      }

      .upload-notice td img {
        margin-left: 15px;
      }
      .upload-right {
        float: right;
        background-color: #eaf4ff;
        width: 240px;
        margin-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        display:inline;
      }
      .upload-right h3 {
        font-size: 14px;
        text-align: center;
        line-height: 30px;
      }
      .upload-right li {
        list-style-type: circle;
        margin-left: 20px;
        line-height: 18px;
        margin-bottom: 5px;
      }
    </style>
  </head>

  <body>
    <div class="upload-nav">你所在位置： 首页 > 资料> 文档> 上传文档</div>
    <div class="upload-left" id="left">
      <div class="upload-doc"><form action="__URL__/upload/" method="post" enctype="multipart/form-data">
          <input type="file" id="file" name="file"/>
          <input type="submit" name="" value="提交" onclick="document.getElementById('img').style.display='block'" />
          <img src="__ROOT__/public/images/loading1.gif" style="display:none;" id="img"/>
        </form>
        <p>每次最多批量上传10份文档，每份文档不超过20M</p>
      </div>
      <div class="upload-notice">
        <h3>上传须知</h3>
        <ul>
          <li>请上传大小小于20M的附件</li>
          <li>最多支持每次同时上传10分文档</li>
          <li>为了保证文档能正常显示，我们支持一下格式的文档上传
            <div>
              <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                  <td align="right" width="20%">MS Office文档</td>
                  <td valign="middle"><img width="16" height="17" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_wd.gif"/> doc,docx<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_smail1.gif"/> ppt,pptx<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_smail4.gif"/> xls,xlsx<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_vsd.gif"/> vsd</td>
                </tr>
                <tr>
                  <td align="right"></td>
                  <td valign="middle"><img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_smail3.gif"/> pot,potx<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_ppsx.gif"/> pps<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_smail8.gif"/> rtf</td>
                </tr>
                <tr>
                  <td align="right">WPS Office系列</td>
                  <td valign="middle"><img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_wps.gif"/> wps<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_et.gif"/> et<img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_dps.gif"/> dps</td>
                </tr>
                <tr>
                  <td align="right">PDF</td>
                  <td valign="middle"><img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_pdf.gif"/> pdf</td>
                </tr>
                <tr>
                  <td align="right">纯文本</td>
                  <td valign="middle"><img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_txt.gif"/> txt</td>
                </tr>
                <tr>
                  <td align="right">EPUB</td>
                  <td valign="middle"><img width="16" height="16" align="absmiddle" src="http://img.wanlibo.com/images_cn/icon_epub.gif"/> epub</td>
                </tr>
              </table>
            </div>
          </li>
          <li>如涉及侵权内容，您的文档将被移除</li>
        </ul>
      </div>
    </div>
    <div class="upload-right" id="right" style="overflow:hidden">
      <h3>上传提示</h3>
      <ul>
        <li>本网站为EHS专业网站，请尽可能的上传涉及“环境”、“健康”、“安全”相关的文档。</li>
        <li>请勿在未经授权的情况下上传任何涉及著作权侵权的文档，除非文档完全由您个人创作。</li>
        <li>“版权提示”页面可帮助您确定您的文档是否侵犯了他人的版权。</li>
        <li>点击上传文档即表示您确认该文档不违反文档分享的使用条款，并且您拥有该文档的所有版权或者上传文档的授权。</li>
        <li>如果上传文档过程中有任何问题请查看帮助。</li>
      </ul>
    </div>
    <div style="clear:both;"></div>
    <script type="text/javascript">
      var Lh = document.getElementById("left");
      var Mh = document.getElementById("right");
      if (Lh.offsetHeight>Mh.offsetHeight){
        Mh.style.height = Lh.offsetHeight+"px";
      }
      else{
        Lh.style.height = Mh.offsetHeight-50+"px";
      }
    </script>
  </body>
</html>
